<!--navbar-->
<div class="navbar">
    <div class="navbar-inner white-navbar" style="background-color: #fff">
        <div class="left">
            <a href="#" class="back link icon-only">
                <i class="f7-icons size-16">left</i>
            </a>
        </div>
        <div class="center">基本信息</div>
        <div class="right">保存</div>
    </div>
</div>
<!-- Page, data-page contains page name-->
<div data-page="page.center.personalInfo.index" class="page navbar-through no-toolbar">
    <div class="page-content center-scroll">
        <div class="panel-box personal-info-box">
            <p class="row no-gutter" id="choose-avatar">
                <label class="label-avatar col-25">头像</label>
                <span class="avatar col-75" id="avatar">
                    <span class="add-avatar"></span>
                    <span class="preview-avatar"></span>
                    <input name="url" type="file" class="upload_avatar">
                </span>
            </p>
            <p class="row no-gutter">
                <label class="col-25">用户名</label>
                <input class="col-75" type="text" name="username">
            </p>
            <p class="row no-gutter">
                <label class="col-25">QQ</label>
                <input class="col-75" type="text" name="qq">
            </p>
            <p class="row no-gutter">
                <label class="col-25">微信</label>
                <input class="col-75" type="text" name="wx">
            </p>
            <div class="personal-label list-block row no-gutter">
                <a href="" class="item-link smart-select">
                    <select name="my-label" multiple maxlength="5">
                        <optgroup label="品牌广告11">
                            <option value="品牌设计0">品牌设计0</option>
                            <option value="品牌设计1">品牌设计1</option>
                            <option value="品牌设计2">品牌设计2</option>
                            <option value="品牌设计3">品牌设计3</option>
                            <option value="品牌设计4">品牌设计4</option>
                        </optgroup>
                        <optgroup label="品牌广告12">
                            <option value="品牌设计10">品牌设计10</option>
                            <option value="品牌设计11">品牌设计11</option>
                            <option value="品牌设计12">品牌设计12</option>
                            <option value="品牌设计13">品牌设计13</option>
                            <option value="品牌设计14">品牌设计14</option>
                        </optgroup>
                    </select>
                    <div class="item-content">
                        <div class="item-inner">
                            <div class="item-title">个人标签</div>
                        </div>
                    </div>
                </a>
            </p>
        </div>
    </div>
</div>